<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hhm spring登录界面(超炫版)</title>

    <link rel="stylesheet" type="text/css" href="../../css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/default.css">
    <script src='../../js/prefixfree.min.js'></script>
    <link rel="stylesheet" type="text/css" href="../../css/styles.css">


    <!--[if IE]>

    <![endif]-->
    <script src="../../plugin/jquery/jquery.min.js"></script>
    <script src="../../plugin/jquery/jquery.form.js"></script>
    <script src="../../plugin/bootstrap-3.3.0-dist/js/bootstrap.min.js"></script>
    <script src="../../plugin/bootstrap-3.3.0-dist/js/bootbox.min.js"></script>


    <script src="../../js/html5shiv.min.js"></script>
    <script>

        function login() {


           var option = {



                success: function (data) {

                    if(data.success){
                        bootbox.alert({
                            message: data.msg,
                            callback: function () {
                                console.log('This was logged in the callback!');
                            }
                        })


                    }
                }

            };
            $('#loginForm').ajaxSubmit(option);
        }

    </script>

</head>
<body>
<div id="logo">
    <h1 class="hogo"><i> HHM SPRING</i></h1>
</div>
<section class="stark-login">
    <form action="../../j_spring_security_check" method="post" id="loginForm">
        <div id="fade-box">
            <input type="text"  id="username" name="username" placeholder="用户名" required>
            <input type="password" id="password" name="password" placeholder="密码" required>

        </div>
    </form>
    <button onclick="login()">登陆</button>

    <div class="hexagons">
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>

        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <br>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
        <span>&#x2B22;</span>
    </div>
</section>

<div id="circle1">
    <div id="inner-cirlce1">
        <h2></h2>
    </div>
</div>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<header class="htmleaf-header">
    <h1>请先登陆你的账号 <span>用户登陆界面 </span></h1>

</header>
</body>
</html>